<template>
  <div class="bar">
    <ly-bar
      :chartData="{
        columns: ['week', 'small', 'middle', 'big'],
        rows: [
          { week: 'Mon', small: '123', middle: '234', big: '200' },
          { week: 'Tue', small: '123', middle: '234', big: '200' },
          { week: 'Wed', small: '123', middle: '234', big: '200' },
          { week: 'Thu', small: '123', middle: '234', big: '200' },
          { week: 'Fri', small: '123', middle: '234', big: '200' },
          { week: 'Sat', small: '123', middle: '234', big: '200' },
          { week: 'Sun', small: '123', middle: '234', big: '200' }
        ],
      }"
      :extend="{
        title: {
          show: true,
          text: '柱状图'
        },
      }"
      :settings="{
        theme: 'shine',
        legendName: {
          small: '小'
        },
        stack:{
          结合:['小','middle'] // 层叠展示
        },
        label:{
          show: true, 
          position:'inside'
        },
        myAxis:{
          axisSite: {
            right: ['small']
          }
        }
      }"
    ></ly-bar>
  </div>
</template>

<script>
export default {
  name:"BarDemo"
}
</script>

<style>
</style>